<template>
  <div class="son-wrap">
    <h3>我是父组件</h3>
    <Sun></Sun>
  </div>
</template>

<script>
import Sun from '@/components/Sun.vue';

export default {
  name: 'Son',
  components: {
    Sun
  },
  setup() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.son-wrap {
  background-color: skyblue;
  padding: 30px;

  & > h3 {
    margin-bottom: 30px;
  }
}
</style>
